<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Bootstrap Write</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/vendor/css/fontastic.css">
    <link rel="stylesheet" href="/static/vendor/css/style.default.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/vendor/css/custom.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.5.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
    <link rel="shortcut icon" href="/static/vendor/img/favicon.ico">
    <script src="/static/vendor/js/render.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/styles/color-brewer.min.css" rel="stylesheet">

</head>
<body>
<nav class="side-navbar">
    <div class="side-navbar-wrapper">
        <!-- Sidebar Header    -->
        <div class="sidenav-header d-flex align-items-center justify-content-center">
            <!-- User Info-->
            <div class="sidenav-header-inner text-center"><img
                        src="https://file.yaop.ink/d4810653bff615a839283c91039f4589.png" alt="person"
                        class="img-fluid rounded-circle">
                <h2 class="h5">TungYao</h2><span>Web Architect</span>
            </div>
            <div class="sidenav-header-logo"><a href="index.html" class="brand-small text-center">
                    <strong>B</strong><strong class="text-primary">D</strong></a></div>
        </div>
        <div class="main-menu">
            <h5 class="sidenav-heading">Main</h5>
            <ul id="side-main-menu" class="side-menu list-unstyled">
                <li><a href="/manager/page/index"> <i class="icon-home"></i>Home </a></li>
                <li><a href="/manager/page/article"> <i class="icon-form"></i>Article </a></li>
                <li><a href="/manager/page/category"> <i class="fa fa-book"></i>category </a></li>
                <li><a href="/manager/page/write"> <i class="fa fa-book"></i>Write </a></li>
            </ul>
        </div>
    </div>
</nav>
<div class="page">
    <header class="header">
        <nav class="navbar">
            <div class="container-fluid">
                <div class="navbar-holder d-flex align-items-center justify-content-between">
                    <div class="navbar-header"><a id="toggle-btn" href="#" class="menu-btn"><i
                                    class="icon-bars"> </i></a><a href="index.html" class="navbar-brand">
                            <div class="brand-text d-none d-md-inline-block"><span>Bootstrap </span><strong
                                        class="text-primary">Dashboard</strong></div>
                        </a></div>
                    <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
                        <!-- Notifications dropdown-->
                        <li class="nav-item"><a href="login.html" class="nav-link logout"> <span
                                        class="d-none d-sm-inline-block">Logout</span><i class="fa fa-sign-out"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <div class="breadcrumb-holder">
        <div class="container-fluid">
            <ul class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                <li class="breadcrumb-item active">Write</li>
            </ul>
        </div>
    </div>
    <div class="write_container">
        <div class="write_left">
            <input type="file" style="display: none" id="file_input">
            <button id="uploadImg">upload image</button>
            <button id="save">save</button>

            <textarea id="write_in" rows="33" cols="50">

          </textarea>
        </div>
        <div class="write_right">
            <div id="write_out"></div>
        </div>
        <div class="write_operation">
            <label>
                title:
                <br>
                <input type="text" id="art_title">

            </label>
            <label>
                <br>
                category: <select class="category-main-list">
                    <option value="{{item.id}}">{{item.name}} </option>
                </select>
            </label>
            <label>
                <br>
                is_del:<input type="checkbox" id="art_is_del">
            </label>
        </div>
    </div>
    <footer class="main-footer">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <p>YAOP.INK All rights reserved. &copy; 2020</p>
                </div>
            </div>
        </div>
    </footer>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/highlight.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/yaml.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/vim.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/typescript.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/sql.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/scss.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/python.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/protobuf.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/php.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/parser3.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/parser3.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/javascript.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/ini.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/go.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.3/languages/dockerfile.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</body>
</html>